/* @group Basics */

body {
  background: #fff;
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
  color: black;
  margin: 0px;
  background-image: url(/site_media/images/background.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

h1 {
  font: bold 200%/100% "Lucida Grande", Arial, sans-serif;
  position: relative;
  color: #000;
  margin-top: 0px;
  margin-bottom: 16px;
}

h2 {
  font: bold 140%/80% "Lucida Grande", Arial, sans-serif;
  position: relative;
  margin: 0;
  color: #8e8e8e;
  margin-bottom: 16px;
}

a:link {
  color: navy;
  font-weight: bold;
  text-decoration: none;
}

a:visited {
  color: navy;
  font-weight: bold;
  text-decoration: none;
}

a:active {
  color: navy;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: navy;
  font-weight: bold;
  text-decoration: none;
}

.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
}

/* @end */

/* @group Kegweb Main */

#kb-main-page {
  margin-left: auto;
  margin-right: auto;
  width: 900px;
}

#kb-main-container {
  width: 900px;
  margin-top: 16px;
}

#kb-main-header {
  border-bottom: 1px solid gray;
  background-color: #00B1FE;
  margin-left: 0px;
  margin-top: 0px;
  width: 900px;
  border-bottom: 2px solid #007BFE;
}

#kb-main-header-text {
  font: bold 280%/100% "Lucida Grande", Arial, sans-serif;
  color: #1A5568;
  margin: 16px;
}

#kb-main-header-links {
  font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  color: gray;
  padding-left: 16px;
}

#kb-pagetitle {
  padding-left: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 16px;
  margin-bottom: 0px;
  background-color: silver;
  
    background-color: #113341;
  color: #fff;
    -webkit-border-radius: 15px;
  -moz-border-radius: 15px;


}

#kb-pagetitle h1 {
  margin-bottom: 0px;
    color: #fff;
}

.kb-byline {
  font-size: 0.8em;
  color:  #888;
}

.kb-header-link {
  height: 16px;
  float: left;
  clear: all;
  border-left: 1px solid #000;
  padding-left: 2px;
  padding-right: 16px;
}

.kb-main-content {
  padding-top: 16px;
  border: 1px solid #ACB6C0;
  margin-bottom: 16px;
  background-color: rgba(255,255,255,0.9);
}

#kb-footer {
  font: 8px "Lucida Grande", Lucida, Verdana, sans-serif;
  color: #C3C0C0;
  text-align: center;
  margin-top: 8px;
}

#kb-recent-events {
}

/* @end */

/* @group Tapbox */

.kb-tapbox {
  width: 480px;
  border: 0px solid #C3C0C0;
  margin-top: 8px;
  margin-bottom: 8px;
  
    -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  
  /*
  border: 1px solid #007BFE;
    background: #b2def2;
    */
  padding: 5px;
	
}

.kb-tapbox-header h2 {
  font: bold 120%/80% "Lucida Grande", Arial, sans-serif;
  position: relative;
  margin: 0;
  color: #1A5568;
  margin-bottom: 0px;
  border-bottom: none;
}

.kb-tapbox-header {
  border-bottom: 1px solid #aaa;
}

.kb-tapbox-description {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: #b2def2;
  padding: 8px;
  margin-bottom: 8px;
}

.kb-tapbox-subheader {
  color: #888;
  margin-bottom: 12px;
}

.kb-tapbox-content {
  padding: 4px;
  font: 80%/100% "Lucida Grande", Arial, sans-serif;
}

.kb-tapbox-image {
  min-width: 96px;
  min-height: 96px;
  border: 1px solid #ccc;
  background-color: #fff;
  text-align: center;
  margin-right: 8px;
}

.kb-tapbox-detail {
  margin-left: 12px;
  width: 320px;
}

.kb-tapbox-footer {
  border-top: 1px solid #C3C0C0;
  font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  text-align: right;
  width: 100%;
  margin-top: 4px;
  padding: 1px;
}

.kb-tapbox-stats {
  
}

.kb-tapbox-stats p {
  margin: 0px;
}

.kb-tapbox-stats .kb-chartbox {
  
}

/* @end */

/* @group Charts */

.kb-chartbox-error {
  border: 1px solid #B2DEF2;
  color: #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

/* @end */

/* @group Main Content */

.kb-contentbox-head {
  font: bold 200%/100% "Lucida Grande", Arial, sans-serif;
  position: relative;
  margin: 0;
  color: #000;
  margin-bottom: 16px;
  padding-left: 16px;
/

* match kb-main-header */
}

.kb-contentbox {
  padding-left: 16px;


/* match kb-main-header */
  margin-bottom: 16px;
}

.kb-twocol-left {
  width: 500px;
  height: 100%;
  float: left;
  margin-right: 8px;
}

.kb-twocol-right {
  border-left: 1px #C3C0C0 dotted;
  height: 100%;
  float : left;

}


/* @end */

/* @group Tables */

table {
  font: 80%/100% "Lucida Grande", Arial, sans-serif;
}

.kb-formtable th {
  text-align: right;
  margin-right: 4px;
  vertical-align: top;
  font-weight: bold;
}

.kb-formtable td {
  text-align: left;
  vertical-align: top;
  color: #8f8f8f;
  font-size: 0.8em;
}

.kb-statstable th {
  text-align: right;
  margin-right: 8px;
  vertical-align: top;
  font-weight: bold;
}

.kb-statstable td {
  text-align: left;
  vertical-align: top;
}

/* @end */

/* @group Events */

.kb-event-box-info {
  font-size: 0.7em;
  color: #999;
}

.kb-event-box-info a:link {
  color: #999;
  text-decoration: underline;
  font-weight: normal;
}

.kb-event-box-info a:visited {
  color: #999;
  text-decoration: underline;
  font-weight: normal;
}

.kb-event-box-dateline {
  font-size: 0.7em;
  color: #ccc;
  margin-top: 4px;
  font-style: italic;
}

.kb-event-box {
  width: 300px;
  margin-bottom: 8px;
  padding: 8px;
  border: 1px solid #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.kb-event-box-session-start {
  width: 300px;
  text-align: center;
  margin-bottom: 32px;
  font-size: 0.7em;
  background-color: #ddd;
  color: #777;
  padding: 5px;
}

.kb-drink-box {
  width: 300px;
  margin-bottom: 8px;
  padding: 8px;
  border: 1px solid #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.kb-drink-box-mugshot {
  float: left;
  margin-right: 8px;
}

.kb-session-box-icon {
  float: left;
  margin-right: 2px;
  margin-bottom: 2px;
}

.kb-drink-box-details {
  margin-left: 8px;
}

.kb-drink-box-details-headline {
  
}

/* @end */

/* @group Forms */

.kb-form {
  font-size: 0.8em;
}

.kb-form th {
  text-align: right;
  vertical-align: top;
}

.kb-form tr {
  
}

.kb-form td {
  color: #888;
  font-size: 0.7em;
}

ul.errorlist {
  color: #bb3333;
  font-size: 11px;
  font-weight: bold;
  list-style-type: none;
  margin: 0px;
}

ul.errorlist li {
  margin-left: 0px;
}

/* @end */

div.plainboxhead {
  border: 1px solid #333;
  border-bottom: 0px;
  padding: 5px;
  background: #369;
}

div.plainbox {
  border: 1px solid #333;
  padding: 5px;
  background: #ccd;
}

div.keg-summary {
  width: 700px;
  margin-bottom: 16px;
}

/* @group Sessions */

.kb-keg-session {
  width: 460px;
  margin-bottom: 8px;
  padding: 8px;
  background: #b2def2;
  border: 1px solid #277394;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.kb-session-box-headline {
  font-size: 1.2em;
  font-weight: bold;
}

.kb-session-box-detail {
  padding-left: 16px;
  padding-right: 16px;
  font: normal normal normal 80%/100% 'Lucida Grande', Arial, sans-serif;
}

.kb-session-box-summary {
  margin-bottom: 4px;
  background-color: #113341;
  color: #fff;
  font-size: 0.7em;
  padding: 3px;
}

.kb-session-box-summary a:link {
  color: #fff;
}

.kb-session-box-summary a:visited {
  color: #fff;
}

.kb-session-box-summary a:hover {
  color: #ccf;
}

.kb-session-box-summary a:active {
  color: #ccf;
}

.kb-award-box {
  width: 48px;
  height: 48px;
  background: #4e4e4e;
  color: #eee;
  float: left;
  margin-right: 2px;
  margin-bottom: 2px;
}

/* @end */

/* @group Kegadmin Nav */

#kb-admin-nav {
  float: left;
  width: 160px;
  margin-right: 32px;
  margin-bottom: 16px;
  font-size: 0.9em;
}

.kb-admin-nav-tab {
  width: 160px;
  height: 32px;
  line-height: 32px;
  background-color: #eee;
  margin-bottom: 2px;
  padding-left: 4px;
}

.kb-admin-nav-tab-hover {
  background-color: #aaa;
  cursor: pointer;
}

.kb-admin-subnav {
  font-size: 0.8em;
}

.kb-admin-subnav p {
  margin: 0px;
  margin-left: 10px;
}

.kb-admin-subnav-tap {
  margin-bottom: 10px;
}

/* @end */

/* @group Messages */

#kb-message-container {
  width: 900px;
  text-align: center;
  margin-bottom: 16px;
}

.kb-message-box {
  width: 100%;
  font-weight: bold;
  font-size: 0.7em;
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
}

.kb-message-success {
  background-color: #99ED84;
  width: 100%;
  padding: 2px;
}

.kb-message-error {
  background-color: #FCA7A7;
  width: 100%;
  padding: 2px;
}

/* @end */

/* vim sw=2 ts=2 noet */
